<input type="file" nv-file-select="" uploader="$ctrl.uploader" multiple  />

</div>
</div>
<div class="col">
    <div class="wrapper-md bg-light dk b-b">
        <span class="pull-right m-t-xs">Queue length: <b class="badge bg-info">{{ $ctrl.uploader.queue.length }}</b></span>
        <h3 class="m-n font-thin">Upload queue</h3>
    </div>
    <div class="wrapper-md">
        <table class="table bg-white-only b-a">
            <thead>
            <tr>
                <th width="50%">Name</th>
                <th ng-show="$ctrl.uploader.isHTML5">Size</th>
                <th ng-show="$ctrl.uploader.isHTML5">Progress</th>
                <th>Status</th>
                <th>Actions</th>
            </tr>
            </thead>
            <tbody>
            <tr ng-repeat="item in $ctrl.uploader.queue">
                <td><strong>{{ item.file.name }}</strong></td>
                <td ng-show="$ctrl.uploader.isHTML5" nowrap>{{ item.file.size/1024/1024|number:2 }} MB</td>
                <td ng-show="$ctrl.uploader.isHTML5">
                    <div class="progress progress-sm m-b-none m-t-xs">
                        <div class="progress-bar bg-info" role="progressbar" ng-style="{ 'width': item.progress + '%' }"></div>
                    </div>
                </td>
                <td class="text-center">
                    <span ng-show="item.isSuccess" class="text-success"><i class="glyphicon glyphicon-ok"></i></span>
                    <span ng-show="item.isCancel" class="text-warning"><i class="glyphicon glyphicon-ban-circle"></i></span>
                    <span ng-show="item.isError" class="text-danger"><i class="glyphicon glyphicon-remove"></i></span>
                </td>
                <td nowrap>
                    <button type="button" class="btn btn-default btn-xs" ng-click="item.upload()" ng-disabled="item.isReady || item.isUploading || item.isSuccess">
                        Upload
                    </button>
                    <button type="button" class="btn btn-default btn-xs" ng-click="item.cancel()" ng-disabled="!item.isUploading">
                        Cancel
                    </button>
                    <button type="button" class="btn btn-default btn-xs" ng-click="item.remove()">
                        Remove
                    </button>
                </td>
            </tr>
            </tbody>
        </table>
        <div>
            <div>
                <p>Queue progress:</p>
                <div class="progress bg-light dker" style="">
                    <div class="progress-bar progress-bar-striped bg-info" role="progressbar" ng-style="{ 'width': $ctrl.uploader.progress + '%' }"></div>
                </div>
            </div>
            <button type="button" class="btn btn-addon btn-success" ng-click="$ctrl.uploader.uploadAll()" >
                <i class="fa fa-arrow-circle-o-up"></i> Upload all
            </button>
            <button type="button" class="btn btn-addon btn-warning" ng-click="$ctrl.uploader.cancelAll()" >
                <i class="fa fa-ban"></i> Cancel all
            </button>
            <button type="button" class="btn btn-addon btn-danger" ng-click="$ctrl.uploader.clearQueue()" >
                <i class="fa fa-trash-o"></i> Remove all
            </button>
            <p class="text-muted m-t-xl">Note: upload.php file included, files will be uploaded to "src/js/controllers/uploads".</p>
        </div>
    </div>
</div>